import {defineConfig, loadEnv} from 'vite';
import {fileURLToPath, URL} from 'node:url';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import WindiCSS from 'vite-plugin-windicss';

// import Components from 'unplugin-vue-components/vite'

// https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [
//     vue(),
//     vueJsx(),
//   ],
//   resolve: {
//     alias: {
//       '@': fileURLToPath(new URL('./src', import.meta.url))
//     }
//   }
// })

export default defineConfig(({mode, command}) => {
  const env = loadEnv(mode, process.cwd());
  const {VITE_APP_ENV} = env;
  return {
    plugins: [
      vue(),
      vueJsx(),
      WindiCSS(),

      // Components({
      //   resolvers: [
      //     AntDesignVueResolver({
      //       importStyle: false // css in js
      //     })
      //   ]
      // })
    ],
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
      },
    },
    // vite 相关配置
    server: {
      // 是否开启 https
      https: false,
      port: 8080,
      host: '0.0.0.0',
      open: true,
      proxy: {
        '/dev-api': {
          target: 'http://localhost:7001',
          changeOrigin: true,
          rewrite: (p) => p.replace(/^\/dev-api/, ''),
        },
      },
    },
  };
});
